Skip to content

Fix mobile contact icon tap glitch and label contrast#1

Closed
shamith16 wants to merge 3 commits intoKitchenEngineer1332:mainfrom
shamith16:run-application
Closed

Fix mobile contact icon tap glitch and label contrast#1
shamith16 wants to merge 3 commits intoKitchenEngineer1332:mainfrom
shamith16:run-application

Conversation

@shamith16
Copy link
Copy Markdown

No description provided.

Tapping a contact icon (e.g. GitHub, Instagram) was bubbling up
to the parent box click handler, causing the section to lock/unlock
and creating a visual glitch on mobile. Added a guard to skip the
lock logic when the click originates from a contact icon.
Changed icon label color from white to dark red (--accent-red-deep)
for readable contrast against the sand background. White color and
text-shadow now only apply on hover when the colored background is
present. Replaced the expand-all-on-box-active behavior with an
individual .expanded class for touch devices, and removed the brief
:active pseudo-class that was barely visible on tap.
Replaces the expand-all-on-section-tap mobile behavior with a
per-icon tap interaction that matches desktop hover UX: first tap
expands the icon and reveals its label, second tap navigates to
the link. Tapping outside or on another icon collapses the previous.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants